<template>

  <header>
    <div
      class="jumbotron jumbotron-lg jumbotron-fluid mb-0 pb-3 bg-primary position-relative"
    >
      <div class="container-fluid text-white h-100">
        <div
          class="d-lg-flex align-items-center justify-content-between text-center pl-lg-5"
        >
          <div class="col pt-4 pb-4">
            <h1 class="display-3">
              Build something <strong>nice</strong> & easy
            </h1>
            <h5 class="font-weight-light mb-4">
              With this FREE Bootstrap 4.1.3<strong> UI Kit</strong> &
              <strong><i class="fab fa-sass fa-2x text-info"></i></strong>
            </h5>
            <a href="#" class="btn btn-lg btn-outline-white btn-round"
              >Learn more</a
            >
          </div>
          <div
            class="col align-self-bottom align-items-right text-right h-max-380 h-xl-560 position-relative z-index-1"
          >
            <img
              src="../../assets/img/demo/dashb.png"
              class="rounded img-fluid"
            />
          </div>
        </div>
      </div>
    </div>
  </header>
</template>

<script setup lang="ts">

</script>
